<!--  -->
<template>
  <div class="mine">
    <div class="tables">
      <el-table :data="tableData" style="width: 100%" max-height="845">
        <el-table-column fixed prop="date" label="公司名称" width="450">
          <template slot-scope="scope" >
            <ul class="comname">
                <li>{{ scope.row.date }}</li>
                <li><el-tag type="info">产业链</el-tag></li>
                <li><el-tag type="danger">智能名片</el-tag></li>
            </ul>
            <ul class="texts">
                <li>明星企业 
                    &emsp;
                </li>
                <li> 热点企业&emsp;</li>
                <li> 近期投融资&emsp;</li>
                <li> 近期迁入企业&emsp;</li>
                <li>注册资本异动 &emsp;</li>
            </ul>
          </template>
        </el-table-column>
        <el-table-column prop="name" label="产业标签" width="180">
          <template slot-scope="scope">
            <el-popover trigger="hover" placement="top" style="margin-right: 10px">
              <p>姓名: {{ scope.row.name }}</p>
              <p>住址: {{ scope.row.address }}</p>
              <div slot="reference" class="name-wrapper">
                <el-tag size="medium">{{ scope.row.name }}</el-tag>
              </div>
            </el-popover>
            <el-popover trigger="hover" placement="top">
              <p>姓名: {{ scope.row.name }}</p>
              <p>住址: {{ scope.row.address }}</p>
              <div slot="reference" class="name-wrapper">
                <el-tag size="medium">{{ scope.row.name }}</el-tag>
              </div>
            </el-popover>
          </template>
        </el-table-column>
        <el-table-column prop="province" label="所属行业" width="160"> </el-table-column>
        <el-table-column prop="city" label="融资信息" width="150"> </el-table-column>
        <el-table-column prop="address" label="人员规模" width="210"> </el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="deleteRow(scope.$index, tableData)"
              type="text"
              size="small"
            >
              <i class="el-icon-star-off"></i>
            </el-button>

            <el-button
              @click.native.prevent="deleteRow(scope.$index, tableData)"
              type="text"
              size="small"
            >
              <i class="el-icon-circle-plus-outline"></i>
            </el-button>

            <el-button
              @click.native.prevent="deleteRow(scope.$index, tableData)"
              type="text"
              size="small"
            >
              <i class="el-icon-remove"></i>
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      tableData: [
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
        {
          date: '佛吉亚（重庆）汽车零部件有限公司',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
        },
      ],
    }
  },
  created() {},
  methods: {
    deleteRow(index, rows) {
      rows.splice(index, 1)
    },
  },
  beforeDestroy() {},
}
</script>

<style lang='scss'>
*{
    margin: 0;
    padding: 0;
list-style: none;
}
.mine {
  margin: 0 27px;
   
  .tables {
    width: 100%;
    height: auto;
    background: darkorange;
    .cell {
      display: flex;
      flex-wrap: wrap;
      .comname{
          display: flex;
        width: 100%;
          li{
              margin-right: 12px;
              height: 24px;
               }
               li:nth-child(2){
                 color: #6B00FF;
                 font-size: 12px;
              }
              li:nth-child(3){
                 color: #F77623;
                  font-size: 12px;
              }
         
      }
      .texts{
          width: 100%;
          height: 24px;
          display: flex;
        li{
            font-size: 12px;
            margin-: 0 5px;
            span{
                
            }
        }
      }
    }
  }
}
</style>
